var mz=[
    {name:'流浪地球',grade:'观战评分 7',actorStr:'郭帆,屈楚萧,李光洁,吴孟达 ,赵今麦',nation:'中国大陆 |100分钟',url:'./img/ying1.jpg',sp:'3D'},
    {name:'飞驰人生',grade:'观战评分 8',actorStr:'韩寒 ,沈腾,尹正 ,尹昉 ,田雨 ,黄景瑜',nation:'中国大陆 |125分钟',url:'./img/ying2.jpg',sp:'2D'},
    {name:'流黑白魔女库伊拉',grade:'观战评分 6.8',actorStr:'布莱恩·辛格拉米·马雷克',nation:'英国 美国|135分钟',url:'./img/ying3.jpg',sp:'2D'},
    {name:'招魂',grade:'观战评分 7',actorStr:'郭帆,屈楚萧,李光洁,吴孟达 ,赵今麦',nation:'中国大陆 |100分钟',url:'./img/ying1.jpg',sp:'2D'},
    {name:'阿丽塔:战斗天使',grade:'观战评分 7.6',actorStr:'罗伯特·罗德里格兹, 克里斯托弗·沃尔兹,罗莎·萨拉查',nation:'英国 美国|135分钟',url:'./img/tu.png',sp:'3D'},
]
var str ='';
for(var i=0;i<mz.length;i++){
    var itme=mz[i];
    str +=`<div class="alt">
    <img class=" ml-10 mt-10 " src="${itme.url}" alt="">
    <div class="pp mt-15 ml-90">
        <p class="mt-5 f20">${itme.name} <span>${itme.sp}</span></p>
        <p class="mt-8 f10">观众评分${itme.grade}</p>
        <p class="mt-8 f10">${itme.actorStr}</p>
        <p class="mt-8 f10">国籍${itme.nation}</p>
    </div>
    <button class="abs f10" >购买</button>
</div>`
}
var app =document.getElementById('app');
app.innerHTML =str;